<template>
  <div>
    <h5 class="nav-group-title"> {{ category.description}}</h5>
    <MenuItem v-for="item in category.items" :key="item.id" :item="item"></MenuItem>
  </div>
</template>

<script>
import MenuItem from './MenuItem'
export default {
  components:{
    MenuItem
  },
  props:{
    'category': {
      'description': String,
      'descriptonEn': String,
      'items': Array
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
